<%--
  Created by IntelliJ IDEA.
  User: TianyuChen
  Date: 2020/3/31
  Time: 22:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>main</title>
    <base href="<%=basePath%>">
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
    <script type="text/javascript" src="easyui/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript">
        $(function(){
            $('#form_menu').tree({
                url:'showMenu',  // 访问showMenu，已经定位到localhost:8080/easyui/

                onClick: function(node){
                    // alert(node.text);  // 在用户点击的时候提示
                    if(null==$('#form_tabs').tabs("getTab", node.text)){  // 如果该选项卡未被打开，则打开该选项卡
                        $('#form_tabs').tabs('add',{
                            title: node.text,  // 选项卡标题
                            selected: true,  // 打开该选项卡时处于被选中状态
                            // content: '<b>test</b>'  // 只能显示静态内容
                            href: node.attributes.filename,  // 只能引进其他视图中bady中的内容！
                            closable: true  // 选项卡可以被关闭
                        });
                    }else {  // 如果该选项卡已经被打开。则使该选项卡被选中
                        $('#form_tabs').tabs("select", node.text);
                    }
                }
            });
        })
    </script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'用户管理系统',split:false" style="height:100px;">
    <div style="width:400px; height:70px; float:left; font-size:20px; font-width:bold; line-height:70px; padding-left:20px">
        用户管理系统
    </div>
    <div style="width:200px; height:70px; float:right; line-height:70px;">
        您好，${user.uname}，欢迎登录
    </div>
</div>

<div data-options="region:'south',title:'版权声明',split:false" style="height:100px;">
    <div style="height:70px; line-height:70px; text-align:center; color:gray">
        Copyright &copy; 2020 cty
    </div>
</div>

<div data-options="region:'west',title:'菜单',split:true" style="width:200px;">
    <ul id="form_menu"></ul>
</div>

<div data-options="region:'center',title:'内容'" style="padding:5px;background:#eee;">
    <div id="form_tabs" class="easyui-tabs" style="width:500px;height:250px;" data-options="fit:true">
        <div title="首页" style="padding:20px; font-size: 20px" >
            欢迎使用用户管理系统！
        </div>
    </div>
</div>
</body>
</html>
